.container {
  width: 100%;
  .floatNavBar{
    position: fixed;
    right: 40px;
    top: 163px;
    width: 56px;
    border-radius: 8px;
    z-index: 99999;
    background: white;
    overflow: hidden;
    .floatNavBar-item{
      width: 56px;
      cursor: pointer;
      text-align: center;
      padding: 10px 0;
      box-sizing: border-box;
      border-bottom: 1px solid #ccc;
      color: @text-color;
      font-size: @font-size-mini;
      .et-flex-column-center();
      img{
        width: 32px;
        height: 28px;
        margin-bottom: 5px;
      }
      .actived {
        display: none;
      }

      .noActived {
        display: block;
      }

      &:hover{
        background: @primary-color;
        color: white;
        .actived {
          display: block;
        }

        .noActived {
          display: none;
        }
      }
    }
  }
}
.myCollection{
  width: 1080px;
  height: 677px;
  background: white;
  .no-message{
    width: 1080px;
    height: 677px;
    .et-flex-center();
    img{
      width: 200px;
      height: 200px;
    }
  }
}
.downloadAPP{
  width: 260px;
  height: 280px;
  background: white;
  img{
    width: 100%;
    height: 100%;
  }
}
.officialAccounts{
  width: 260px;
  height: 260px;
  background: white;
  img{
    width: 100%;
    height: 100%;
  }
}
